<!DOCTYPE html>
<html>

<head>
    <title>轻群社</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="./css/qqs_style.css">
</head>

<body class="sort-bg">
    <header class="comm-header">
        <div class="comm-nav">
            <div class="index-htopl" onClick="javascript :history.back(-1);"><span class="iconbg-cback"></span></div>
            <div class="index-htopr"><span class="iconbg-hline2"></span></div>
            <div class="iconbg-paiming"></div>
        </div>
        <div class="sort-nav">
            <ul>
                <li><a href="#" class="selected">微信群</a></li>
                <li><a href="#">个人号</a></li>
                <li><a href="#">公众号</a></li>
            </ul>
        </div>
    </header>
    <section class="sort-section">
        <div class="sort-topnav">
            <span class="selected">周</span>
            <span>月</span>
            <span>总</span>
            <span>榜单规则</span>
        </div>
        <ul class="sort-list">
            <li>
                <a href="#">
                <span class="sort-num">01</span>
                <div class="sort-list-cont">
                    <img data-lazyload="./img/sucai/sc04.jpg">
                    <p>摄影爱好者群</p>
                    <p class="sort-list-text"><span>电影</span><span>人气：234</span></p>
                    </div>
                </a>
                <div class="sort-click">打榜</div>
            </li>
            <li>
                <a href="#">
                <span class="sort-num">02</span>
                <div class="sort-list-cont">
                    <img data-lazyload="./img/sucai/sc05.jpg">
                    <p>假装生活在北京</p>
                    <p class="sort-list-text"><span>电影</span><span>人气：234</span></p>
                    </div>
                </a>
                <div class="sort-click">打榜</div>
            </li>
            <li>
                <a href="#">
                <span class="sort-num">03</span>               
                <div class="sort-list-cont">
                    <img data-lazyload="./img/sucai/sc06.jpg">
                    <p>国产精品电影推荐</p>
                    <p class="sort-list-text"><span>电影</span><span>人气：234</span></p>
                    </div>
                </a>
                <div class="sort-click">打榜</div>
            </li>
            <li>
                <a href="#">
                <span class="sort-num">04</span>
                <div class="sort-list-cont">
                    <img data-lazyload="./img/sucai/sc01.jpg">
                    <p>宝妈交流群</p>
                    <p class="sort-list-text"><span>电影</span><span>人气：234</span></p>
                    </div>
                </a>
                <div class="sort-click">打榜</div>
            </li>
        </ul>
    </section>
    <footer class="index-footer"></footer>
    <div class="comm-cover"></div>
    <div class="comm-slide-nav"></div>
    <div class="sort-rule" id="commGuize">
        <div class="content">
            <ul>
                <li>榜单规则</li>
                <li>
                    <p>轻群社排行榜基于用户的浏览互动（浏览、点赞、申请加入社群）行为计算得出，会比较客观地反应社群的影响力。 榜单计算周期 榜单分为</p>
                    <p>计算规则 浏览一次计一分，点赞一次计二分，申请加入社群一次计二分。 邀好友为您打榜增加人气，提高实时排名。 </p>
                </li>
                <li><span class="iconbg-close"></span></li>
            </ul>
        </div>
    </div>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/zepto-lazyload.js"></script>
    <script src="./js/sorting.js"></script>
</body>

</html>